<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
    <!-- <mate name="flexibel" content="initial-drl=2"/> -->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-touch-fullscreen" content="yes">
    <meta name="format-detection" content="telephone=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1">
    <title>精准命理测算</title>
    <!--[if lt IE 9]>  
        <script src="http://cdn.bootcss.com/html5shiv/r29/html5.js"></script>  
    <![endif]-->
    <link rel="stylesheet" href="__PUBLIC__/css/YD_calendar.min.css"/>
    <link rel="stylesheet" href="__PUBLIC__/css/common.css"/>
    <link rel="stylesheet" href="__PUBLIC__/css/ZM_share.css"/>
    <script type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");document.write(unescape("%3Cspan style='display:none;' id='cnzz_stat_icon_1265941638'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s19.cnzz.com/z_stat.php%3Fid%3D1265941638' type='text/javascript'%3E%3C/script%3E"));</script>

    <script type="text/javascript">
        var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");document.write(unescape("%3Cspan style='display:none;' id='cnzz_stat_icon_"+<!--{$channelID}-->+"'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s19.cnzz.com/z_stat.php%3Fid%3D"+<!--{$channelID}-->+"' type='text/javascript'%3E%3C/script%3E"));
    </script>
    <!--留存统计-->
    <script type="text/javascript" src="https://hy.yixueqm.com/zhiming/index.php/Home-Interface-remain?typeName=JP&nickName=八字精批&channel=<!--{$Think.cookie.channel}-->&uid=<!--{$Think.cookie.uid}-->"></script>

    <script type="text/javascript" src="__PUBLIC__/js/rem.js"></script>
    <script src="__PUBLIC__/js/YD_calendar.min.js"></script>
    <script type="text/javascript" src="__PUBLIC__/js/jquery.min.js"></script>
    <script type="text/javascript" src="__PUBLIC__/js/rollSlide.js"></script>
    <script type="text/javascript" src="__PUBLIC__/js/layer/layer.js"></script>
    <script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
    <style>
        body{padding-bottom: .5rem;background-color: #FFF7EB;}
        .zm_banner2{margin:0 0.2rem;font-size: 0;}
        .m_form_ul{border-radius: 0.1rem;overflow: hidden;border:1px solid #d7ae8e;}
        .m_form_ul li{margin:0;border-radius: 0;border-color: #cdcdcd;background-color:#ffffff;}
        
        .m_form_ul li .f_left{color:#97111c;font-weight: bold;}
        
        .m_form_btnwraps{
            width: 6.93rem;
            height: 0.91rem;
            margin: .4rem auto .1rem;
            background:url('__PUBLIC__/images/bzjp_img/v4/2.png') no-repeat;
            background-size:100% 100%;
        }
        .fiex_bt {
            height: 1.21rem;
            line-height: 1.1rem;
            font-size: 0.36rem;
            width: 7.5rem;
            background:url('__PUBLIC__/images/bzjp_img/v4/9.png') no-repeat;
            background-size:100% 100%;

        }
        .fiex_bt.noa a{
            visibility: hidden;
        }
        .fiex_bt a{
            height:0.9rem;
            line-height: 0.9rem;
            /* background:url('__PUBLIC__/images/bzjp_img/v2/9.png') no-repeat;
            background-size:100% 100%; */
            font-size:0.36rem;
            color:#631f00;
            font-weight:bold;
        }
        .m_form_prompt{
            font-size: .25rem;
    color: #333333;
    text-align: center;

        }
        .m_form_prompt span{
            color: #97111c;
        }
        .CHANNEL-tsq{background:url('__PUBLIC__/images/bzjp_img/CYZ_csbtn_tsq.png') 0% 0% / 100% 100% no-repeat !important;}
        /*  */
        video{width:100%;height:4rem;margin:0.2rem 0;box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing:border-box;-moz-box-sizing: border-box;-o-box-sizing:border-box;}
        .cs_imgtext{margin:0.4rem 0.2rem 0;}
        .list-history{
            color: #fff;
            text-decoration: underline;
            text-align: center;
            display: block;
        }

        .roll-wrap:hover .control {
  display: block
}

.roll-wrap {
    position: fixed;
    bottom: 1.5rem;
    right:0;
    width: 2rem;
    height: .5rem;
}

.roll-wrap .roll__list {}

.roll_row .roll__list::before,
.roll_row .roll__list::after {
  content: "";
  display: table;
  line-height: 0
}

.roll_row .roll__list::after {
  clear: both
}

.roll_row .roll__list {
  width: 9999px
}

.roll_row .roll__list li {
  float: left;
  display: block;
  margin-right: .20rem;
  width: 1rem;
  height: .5rem;
  font-size: .3rem;
  text-align: center;
  color: #fff;
}

.control {
  position: absolute;
  top: 30px;
  display: none;
  padding: 10px 5px;
  font-weight: 700;
  text-decoration: none;
  color: #fff;
  background-color: rgba(0, 0, 0, .3)
}

.control:hover {
  background-color: rgba(0, 0, 0, .5)
}

.control.pre {
  left: 5px
}

.control.next {
  right: 5px
}

.roll_col {
  overflow: hidden;
  width: 3rem;
    height: .68rem;
    background-color: #9a1721;
    border-radius: .26rem 0px 0px 0;
    opacity: 0.66;
}

.roll_col .roll__list {
  width: 100%
}

.h600 {
  height: 600px
}

.roll_col li {
  display: block;
  height: .68rem;
  padding-left: .33rem;
  box-sizing: border-box;
  font-size: .20rem;
  text-align: center;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.roll_col li .time-ago{
    font-size: .18rem;
}

.roll_col .control {
  top: 80px
}
.form-img-title img{
    display: block;
    width: 5rem;
    display: block;
    height: .71rem;
    margin: .10rem auto;
}
.m_form_wrap{
    background-color: #fff;
}
    </style>
</head>
<body>
    <include file="Public/header"/>
    <!-- 底部购买列表滚动 -->
    <div class="roll-wrap roll_col" id="c">
        <ul class="roll__list" style="position: absolute; left: 0px; top: 0px;">
            <li><!-- 底部购买列表滚动项 -->
                <div class="time-ago"><!--{$randNumArr[1]}-->分钟前</div><div class="taocan-tt">曾定兰购买了八字精批</div>
            </li>
            <li><div class="time-ago"><!--{$randNumArr[2]}-->分钟前</div><div class="taocan-tt">陈天宇购买了八字精批</div></li>
            <li><div class="time-ago"><!--{$randNumArr[3]}-->分钟前</div><div class="taocan-tt">刘铮购买了八字精批</div></li>
            <li><div class="time-ago"><!--{$randNumArr[4]}-->分钟前</div><div class="taocan-tt">李玥宣购买了八字精批</div></li>
            <li><div class="time-ago"><!--{$randNumArr[5]}-->分钟前</div><div class="taocan-tt">李淑娟购买了八字精批</div></li>
            <li><div class="time-ago"><!--{$randNumArr[6]}-->分钟前</div><div class="taocan-tt">雷高莎购买了八字精批</div></li>
            <li><div class="time-ago"><!--{$randNumArr[7]}-->分钟前</div><div class="taocan-tt">叶彩莲购买了八字精批</div></li>
            <li><div class="time-ago"><!--{$randNumArr[8]}-->分钟前</div><div class="taocan-tt">董峻维购买了八字精批</div></li>
            <li><div class="time-ago"><!--{$randNumArr[9]}-->分钟前</div><div class="taocan-tt">姜清昆购买了八字精批</div></li>
            <li><div class="time-ago"><!--{$randNumArr[10]}-->分钟前</div><div class="taocan-tt">刘家成购买了八字精批</div></li>
            <li><div class="time-ago"><!--{$randNumArr[11]}-->分钟前</div><div class="taocan-tt">陈小红购买了八字精批</div></li>
            <li><div class="time-ago"><!--{$randNumArr[12]}-->分钟前</div><div class="taocan-tt">张嘉宸购买了八字精批</div></li>

        </ul>
        <a class="control pre" href="javascript:;">&lt;</a>
        <a class="control next" href="javascript:;">&gt;</a>
    </div>
    <div class="zm_banner" id="scrollT">
        <img src="__PUBLIC__/images/bzjp_img/v4/banner.png" width="100%"/>
    </div>
    <div class="form-img-title">
        <img src="__PUBLIC__/images/bzjp_img/v4/1.png" width="100%"/>
    </div>


    <!--<div class="zm_banner2" >-->
        <!--<img src="__PUBLIC__/images/bzjp_img/CYZ_banner2.png" width="100%"/>-->
    <!--</div> -->

    <!--分享赚优惠券-->
    <if condition="($csTypeNum eq 1) or ($shareUidNum eq 1)">
        <div class="zm_coupon">
            <div class="coupon-box">
                <div class="coupon-title"><h3 class="coupon-name">八字精批。</h3><div class="coupon-type">分享赚</div></div>

               <if condition="$priceArr['discount'] egt 1">
                   <div class="coupon-value">
                       <div class="coupon-money">
                           <span class="coupon-m">￥<strong><!--{$priceArr['price']}--></strong>券后</span>
                           <span class="coupon-y">原价￥<!--{$priceArr['price']+$priceArr['discount']}--></span>
                           <span class="coupon-j">奖￥<!--{$priceArr['bouns']}--></span>
                       </div>
                       <div class="coupon-ce"><!--{$priceArr['csNumber']}-->人已测过</div>
                   </div>
                   <div class="coupon-content">
                       <p class="coupon-jname"><strong><!--{$priceArr['discount']}-->元</strong>优惠券</p>
                       <p class="coupon-time">使用期限：<!--{$priceArr['weekStart']}-->-<!--{$priceArr['weekEnd']}--></p>
                   </div>
                   <else />
                   <div class="coupon-value">
                       <div class="coupon-money">
                           <span class="coupon-m">￥<strong><!--{$priceArr['price']}--></strong>原价</span>
                           <span class="coupon-j">奖￥<!--{$priceArr['bouns']}--></span>
                       </div>
                       <div class="coupon-ce"><!--{$priceArr['csNumber']}-->人已测过</div>
                   </div>
               </if>
            </div>
        </div>
        <else />
    </if>
    
    <div class="m_form_container">
        <form id="_form" class="m_form" action="<!--{:U('Bzjp/bzjp_zhifu','',false)}-->" method="POST" id="frm">
            <div class="m_form_wrap">
                <ul class="m_form_ul">
                    <li>
                        <div class="f_left">您的姓名</div>
                        <div class="f_auto"><input type="text" id="username" name="username" placeholder="匿名 (可不填)"></div>
                    </li>
                    <li>
                        <div class="f_left">您的性别</div>
                        <div class="f_auto">
                            <label for="man">
                                <input type="radio" name="gender" checked="checked" style="display: none" id="man" value="1">
                                <span class="select"></span>男
                            </label>
                            <label for="woman">
                                <input type="radio" name="gender" style="display: none" id="woman" value="0">
                                <span class="select"></span>女
                            </label>
                        </div>
                    </li>
                    <li>
                        <div class="f_left">出生日期</div>
                        <div class="f_auto"><div type="text" data-date="1985-04-18-7" data-id="birthday" id="datetime">请选择出生日期</div></div>
                        <input type="hidden" id="birthday" name="birthday">
                    </li>
                </ul>
            </div>
            <div class="m_form_btnwraps J_formSubmit"></div>
            <p class="m_form_prompt">已有<span><!--{$Think.cookie.bzjpcs}-->人</span>查看八字运势详批&nbsp;&nbsp;99%好评</p>

            <div class="form_bottom">
                <a href="<!--{:U('Index/mycesuan','',false)}-->"><i class="mycs"></i>我的测算</a>
            </div>
        </form>


    </div>

    <div class="cs_imgtext">
        <img src="__PUBLIC__/images/bzjp_img/v4/3.png" width="100%"/>
    </div>
    <div class="cs_imgtext">
        <img src="__PUBLIC__/images/bzjp_img/v4/4.png" width="100%"/>
    </div>
    <div class="cs_imgtext">
        <img src="__PUBLIC__/images/bzjp_img/v4/5.png" width="100%"/>
    </div>
    <div class="cs_imgtext">
        <img src="__PUBLIC__/images/bzjp_img/v4/6.png" width="100%"/>
    </div>

    <!-- 提示收藏 -->
    <include file="Public/index_SC" />
    <!-- 分销 -->
    <include file="Public/shareSale" />
    <!-- 六爻 -->
    <include file="Public/liuyao" />

    <!-- 脚注 -->
    <footer class="footer_severs">
        <include file="Public/bottom-index" />
    </footer>
    
    <if condition="($channel eq tsq) OR ($channel eq lzss) OR ($channel eq gyxw) OR ($channel eq khzx) OR ($channel eq xxkj)">
        <div class="fiex_bt" id="fiex"><a href="javascript:;" class="CHANNEL-tsq"></a></div>
        <elseif condition="$discount eq 1"/>
        <div class="fiex_bt" id="fiex"><a href="javascript:;">立即测算 (优惠<!--{$Think.cookie.discountprice}-->元)</a></div>
        <else />
        <div class="fiex_bt noa" id="fiex"><a href="javascript:scrollTo(0,0);"></a></div>
    </if>
    
    <script>
        var calendar1 = new lCalendar().init('#datetime');//男
        //测算底部悬浮
        $(function(){
            var topShow=$(".J_formSubmit");
            if(topShow.length){
                var topShow=topShow.offset().top;
                var testBtn=$("#fiex");
                $(window).scroll(function(){
                    var wt=$(window).scrollTop();
                    wt>topShow?(testBtn.fadeIn(),$('.footer_severs').css('padding-bottom','1.2rem')):(testBtn.fadeOut(),$('.footer_severs').css('padding-bottom','0.4rem'));
                });

                $(window).scrollTop(0);

                // goTop
                $('#fiex').on('click',function(){$('html,body').animate({scrollTop:$('#scrollT')[0].offsetTop},500)});
            }

            $.getJSON("<!--{:U('Index/indexXfan','',false)}-->",{csName:'JP'},function(data){//首页-悬浮按钮统计
            });

        });
        $('#c').rollSlide({
            orientation: 'top',
            num: 1,
            v: 1500,
            //space: 500,
            isRoll: true
        });
        $(".J_formSubmit").on('click',function(){

            $.getJSON("<!--{:U('Index/indexLjcs','',false)}-->",{csName:'JP'},function(data){//首页-立即测算统计
            });

            if($("[name='username']").val() == ""){
                $("[name='username']").val('匿名');
//                    layer.msg("请输入您的名字");
//                    return false;
            }else if($("[name='username']").val().length < 2){
                layer.msg("姓名长度不能少于2");
                return false;
            }
            var patrn= /[\u4E00-\u9FA5]|[\uFE30-\uFFA0]/gi;
            if(!patrn.exec($("[name='username']").val())){
                layer.msg("请输入中文名字");
                return false;
            }
            if($("[name='birthday']").val() == ""){
                layer.msg("请选择生时");
                return false;
            }

            var birthday=$("[name='birthday']").val();
            var username=$("[name='username']").val();
            var gender=$("[name='gender']").val();
            if(!birthday||!username||!gender){
                layer.msg("请重新提交信息");
                return false;
            }
            var oli = layer.load();
            setTimeout(function(){
                layer.closeAll('loading');
                layer.msg('订单提交成功', {icon: 1});
                setTimeout(function(){
                    $('#_form').submit();
                },1300);
            },1000);
        });

        sessionStorage.setItem("chufa",1);
        var wxlogin='<!--{$Think.cookie.wxlogin}-->';
        var channel='<!--{$Think.cookie.channel}-->';
        //if (wxlogin == 1) {

            wx.config({
                debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
                appId: '<!--{$appid}-->', // 必填，公众号的唯一标识
                timestamp: '<!--{$timestamp}-->', // 必填，生成签名的时间戳
                nonceStr: '<!--{$noncestr}-->', // 必填，生成签名的随机串
                signature: '<!--{$signature}-->',// 必填，签名，见附录1
                jsApiList: [
                    'checkJsApi',
                    'openLocation',
                    'getLocation',
                    'onMenuShareTimeline',
                    'onMenuShareAppMessage',
                    'scanQRCode'
                ] // 必填，需要使用的JS接口列表，所有JS接 口列表见附录2
            });


            wx.ready(function () {
                // config信息验证后会执行ready方法，所有接口调用都必须在config接口获得结果之后，config是一个客户端的异步操作，所以如果需要在页面加载时就调用相关接口，
                // 则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口，则可以直接调用，不需要放在ready函数中。
//         alert('成功');
                wx.onMenuShareAppMessage({//分享朋友圈
                    title: '<!--{$shareTitle}-->', // 分享标题
                    desc: '专业命盘精论流年运势，一次掌握一年中整体、桃花婚姻、财运工作、健康家庭等运势的吉凶变化。点出你的八字旺弱、五行喜忌，近12个月的每月运势好坏预测，助你在婚恋、工作、事业中及时调整方向大展身手，如鱼得水。', // 分享描述
                    link: '<!--{$JPwxfxUrl}-->', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                    imgUrl: 'http://www.xzcircle.com:8081/xz/images/09_.png', // 分享图标  http://api.xbd61.com/hebazi/public/img/icon.png
                    type: '', // 分享类型,music、video或link，不填默认为link
                    dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
                    success: function (res) {
                        // 用户确认分享后执行的回调函数
                        $.getJSON("<!--{:U('Bzjp/wxShare','',false)}-->",function(data){//回调入库
                        });
                        if(channel=='qudao100'){
                            location.href="<!--{:U('Bzjp/userWx','',false)}-->";
                        }
                    },
                    cancel: function () {
                        // 用户取消分享后执行的回调函数
                    }
                });

                wx.onMenuShareTimeline({
                    title: '<!--{$shareTitle}-->', // 分享标题
                    desc: '专业命盘精论流年运势，一次掌握一年中整体、桃花婚姻、财运工作、健康家庭等运势的吉凶变化。点出你的八字旺弱、五行喜忌，近12个月的每月运势好坏预测，助你在婚恋、工作、事业中及时调整方向大展身手，如鱼得水。', // 分享描述
                    link: '<!--{$JPwxfxUrl}-->', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                    imgUrl: 'http://www.xzcircle.com:8081/xz/images/09_.png', // 分享图标  http://api.xbd61.com/hebazi/public/img/icon.png
                    type: '', // 分享类型,music、video或link，不填默认为link
                    dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
                    success: function (res) {
                        // 用户确认分享后执行的回调函数
                        $.getJSON("<!--{:U('Bzjp/wxShare','',false)}-->",function(data){//回调入库
                        });
                    }

                });

                wx.onMenuShareQQ({
                    title: '<!--{$shareTitle}-->', // 分享标题
                    desc: '专业命盘精论流年运势，一次掌握一年中整体、桃花婚姻、财运工作、健康家庭等运势的吉凶变化。点出你的八字旺弱、五行喜忌，近12个月的每月运势好坏预测，助你在婚恋、工作、事业中及时调整方向大展身手，如鱼得水。', // 分享描述
                    link: '<!--{$JPwxfxUrl}-->', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                    imgUrl: 'http://www.xzcircle.com:8081/xz/images/09_.png', // 分享图标  http://api.xbd61.com/hebazi/public/img/icon.png
                    type: '', // 分享类型,music、video或link，不填默认为link
                    dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
                    success: function (res) {
                        // 用户确认分享后执行的回调函数
                    }
                });

                wx.onMenuShareQZone({
                    title: '<!--{$shareTitle}-->', // 分享标题
                    desc: '专业命盘精论流年运势，一次掌握一年中整体、桃花婚姻、财运工作、健康家庭等运势的吉凶变化。点出你的八字旺弱、五行喜忌，近12个月的每月运势好坏预测，助你在婚恋、工作、事业中及时调整方向大展身手，如鱼得水。', // 分享描述
                    link: '<!--{$Think.cookie.JPwxfxUrl}-->', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                    imgUrl: 'http://hy.yixueqm.com/zhiming/Public/images/public/09.png', // 分享图标  http://api.xbd61.com/hebazi/public/img/icon.png
                    type: '', // 分享类型,music、video或link，不填默认为link
                    dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
                    success: function (res) {
                        // 用户确认分享后执行的回调函数
                    }
                });

                wx.onMenuShareWeibo({
                    title: '<!--{$shareTitle}-->', // 分享标题
                    desc: '专业命盘精论流年运势，一次掌握一年中整体、桃花婚姻、财运工作、健康家庭等运势的吉凶变化。点出你的八字旺弱、五行喜忌，近12个月的每月运势好坏预测，助你在婚恋、工作、事业中及时调整方向大展身手，如鱼得水。', // 分享描述
                    link: '<!--{$Think.cookie.JPwxfxUrl}-->', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                    imgUrl: 'http://hy.yixueqm.com/zhiming/Public/images/public/09.png', // 分享图标  http://api.xbd61.com/hebazi/public/img/icon.png
                    type: '', // 分享类型,music、video或link，不填默认为link
                    dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
                    success: function (res) {
                        // 用户确认分享后执行的回调函数
                    }
                });

                wx.error(function (res) {
                    // config信息验证失败会执行error函数，如签名过期导致验证失败，具体错误信息可以打开config的debug模式查看，也可以在返回的res参数中查看，对于SPA可以在这里更新签名
//         alert('失败');
                });

                var appid="<!--{$appId}-->";
                if(appid!=''){
                    WeixinJSBridge.invoke(
                            'getBrandWCPayRequest', {
                                "appId":"<!--{$appId}-->",     //公众号名称，由商户传入
                                "timeStamp":"<!--{$timeStamp}-->",         //时间戳，自1970年以来的秒数
                                "nonceStr":"<!--{$nonceStr}-->", //随机串
                                "package":"<!--{$package}-->",
                                "signType":"<!--{$signType}-->",         //微信签名方式：
                                "paySign":"<!--{$paySign}-->" //微信签名
                            },
                            function(res){
                                if(res.err_msg == "get_brand_wcpay_request:ok" ) {
                                    location.href="<!--{:U('Bzjp/jieguoye','',false)}-->";
                                }     // 使用以上方式判断前端返回,微信团队郑重提示：res.err_msg将在用户支付成功后返回    ok，但并不保证它绝对可靠。
                            }
                    );

                }

            });
       // }


    </script>
</body>
</html>